.iconfont {
  font-family: "iconfont", serif !important;
  font-size: 1.2vw;
  color: #cfd5d8;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*position: absolute;*/
  cursor: pointer;
  position: relative;
}

/* 替换为 SVG 图标 - 数据图标 */
.icon-zhuanshengchan {
  position: relative;
  display: inline-block;
  width: 1.5vw;
  height: 1.5vw;
  top: 0.2vh;
  left: 58vw;
  background: url('./fonts/shuju.svg') no-repeat center;
  background-size: contain;
}

.icon-zhuanshengchan:before {
  content: "";
  left: 58vw;
  position: absolute;
}

.icon-zhuanshengchan:hover:before {
  color: #409EFF;
}
.icon-zhuanshengchan:after {
  content: "数据";
  position: absolute;
  left: -0.6vw;
  top: -3.5vh;
  font-size: 0.9vw;
  white-space: nowrap;
  color: white;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 1000;
}

/* 替换为 SVG 图标 - 监控图标 */
.icon-jiankong {
  position: relative;
  display: inline-block;
  width: 1.2vw;
  height: 1.2vw;
  left: 60vw;
  color: white;
  background: url('./fonts/jiankong.svg') no-repeat center;
  background-size: contain;
}

.icon-jiankong:before {
  content: "";
  position: absolute;
}

.icon-jiankong:hover:before {
  color: #409EFF;
}

.icon-jiankong:after {
  content: "监控";
  position: absolute;
  left: -0.6vw;
  top: -3.5vh;
  font-size: 0.9vw;
  white-space: nowrap;
  color: white;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 1000;
}
.icon-jiankong:hover:after {
  opacity: 1;
  visibility: visible;
}
